<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>服装销售管理系统</title>
    <link rel="stylesheet" type="text/css" href="statics/css/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="statics/css/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="statics/css/style.css">
    <link rel="stylesheet" type="text/css" href="statics/css/index.css">
    <link rel="stylesheet" type="text/css" href="statics/css/pure-min.css">
    <link rel="stylesheet" type="text/css" href="statics/js/ueditor1_4_3/themes/default/css/ueditor.min.css">
    <link rel="stylesheet" type="text/css" href="statics/js/contextMenu/jquery.contextMenu.css">
    <script type="text/javascript" src="statics/js/jquery.min.js"></script>
    <script type="text/javascript" src="statics/js/underscore-min.js"></script>
    <script type="text/javascript" src="statics/js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="statics/js/easyui-lang-zh_CN.js"></script>
    
    <script type="text/javascript" src="statics/js/ueditor1_4_3/ueditor.config.js"></script>
    <script type="text/javascript" src="statics/js/ueditor1_4_3/ueditor.all.js"></script>
    <script type="text/javascript" src="statics/js/ueditor1_4_3/lang/zh-cn/zh-cn.js"></script>
    
    
    <style type="text/css">
    	input {font-family:'Verdana';}
    </style>
</head>
<body>
    <div class="easyui-layout" data-options="fit:true">
        <div data-options="region:'north'" style="height:55px;background: url('statics/images/head_bg.gif');">
        	<div style="float:left;width:300px;"><img alt="" src="statics/images/head_logo2.png"></div>
        	<div style="float:right;width:200px;">
        		<div style="float:right;padding-right:10px;margin-top:8px;"><span style="color:white;" id="userName"></span>您好，欢迎光临</div>
        		<div style="text-align: right;clear:both;">
        			<span style="margin-right:10px;"><a href="javascript:void(0)" onclick="$('#win_cp').window('open');">修改密码</a>|<a href="user/logout">安全退出</a></span>
        		</div>
        	</div>
        </div>
        <div data-options="region:'south',split:true" style="height:50px;background: url('statics/images/foot_bg.gif');">
        	<div style="margin:10px auto;width:360px;">
		        <a href="javascript:void(0);">关于我们</a> |
		        <a href="javascript:void(0);">加入我们</a> |
		        <a href="javascript:void(0);">广告及服务</a> |
		        <a href="javascript:void(0);">常见问题解答</a> |
		        <a href="javascript:void(0);">提交建议</a>
		    </div>
        </div>
        <div data-options="region:'west',split:true"  title="菜单" style="width:180px;">
            <div id="menu_list" class="easyui-accordion" data-options="fit:true,border:false">
                <div title="个人管理" data-options="selected:true" style="padding:10px;">
                	<ul class="easyui-tree" data-options="onClick:openTab">
                		<li><span>信息修改</span></li>
                		<li><span>密码修改</span></li>
                		<li><span>登陆记录</span></li>
                	</ul>
                </div>
                <div title="项目管理" style="padding:10px;">
                    <ul class="easyui-tree" data-options="onClick:openTab">
	               		<li><span>发布项目</span></li>
	               		<li><span>项目备份</span></li>
	               		<li><span>项目导出</span></li>
                    </ul>
                </div>
                <div title="课时管理" style="padding:10px;">
                    <ul class="easyui-tree" data-options="onClick:openTab">
                    	<li><span>新建课时</span></li>
	               		<li><span>课时列表</span></li>
                    </ul>
                </div>
                <div title="活动管理" style="padding:10px;">
                    <ul class="easyui-tree" data-options="onClick:openTab">
                    	<li><span>新建活动</span></li>
	               		<li><span>活动列表</span></li>
	               		<li><span>教学内容</span></li>
	               		<li><span>认识自我</span></li>
	               		<li><span>我有一个梦</span></li>
	               		<li><span>学习活动单</span></li>
                    </ul>
                </div>
            </div>
        </div>
        <div data-options="region:'center'">
            <div id="tt" class="easyui-tabs" fit="true" border="false" plain="true">
				<div title="发布项目" href="pages/career_build/发布项目.html"></div>
			</div>
        </div>
    </div>
</body>
<div id="win_cp" class="easyui-window" title="修改密码" style="width:380px;height:200px;padding-left:50px;padding-top:20px;"
        data-options="iconCls:'icon-save',modal:true,closed:true,minimizable:false,collapsible:false,maximizable:false">
  <form id="f_changePwd" action="user/changePwd" method="post">
      <table>
          <tr>
              <td>原密码:</td>
              <td><input name="oldPwd" type="password" class="txtInput"></input></td>
          </tr>
          <tr>
              <td>新密码:</td>
              <td><input name="newPwd" type="password" class="txtInput"></input></td>
          </tr>
          <tr>
              <td>确认密码:</td>
              <td><input name="confirmPwd" type="password" class="txtInput"></input></td>
          </tr>
          <tr>
              <td></td>
              <td><input type="submit" value="确定" class="btnSubmit"></input></td>
          </tr>
      </table>
  </form>
</div>

<script type="text/javascript" src="statics/js/contextMenu/jquery.contextMenu.js"></script>
<script>
function openTab(node){
	if ($('#tt').tabs('exists',node.text)){
		$('#tt').tabs('select', node.text);
	} else {
		$('#tt').tabs('add',{
			title:node.text,
			iconCls:node.iconCls,
			href:'pages/career_build/' + node.text + ".html?_=" + new Date().getTime(),
			closable:true
		});
	}
}

//客户端验证服务器端验证未启动
function validate() {
	// 判断姓名
	var username = document.getElementById("username1");
	if (username.value.length == 0) {
		alert("用户名不能为空！");
		return false;
	}
	// 判断密码
	var password = document.getElementById("password1");
	var repassword = document.getElementById("repassword1");

	if (password.value.length < 6 || password.value.length > 10) {
		alert("密码长度不能少于六位超过10位！");
		return false;
	}
	if (repassword.value.length < 6 || repassword.value.length > 10) {
		alert("密码长度不能少于六位超过10位！");
		return false;
	}
	if (password.value != repassword.value) {
		alert("两次密码不相同！");
		return false;
	}
	// 判断性别
	var f = document.getElementById("f");
	var m = document.getElementById("m");
	if (!f.checked && !m.checked) {
		alert("性别没选择！");
		return false;
	}
	// 判断兴趣选项
	var aihao = document.getElementsByName("aihao");
	var m = 0;
	for (var i = 0; i < aihao.length; i++) {
		if (aihao[i].checked) {
			m++;
		}

	}
	if (m < 2) {
		alert("兴趣必须多于两个！");
		return false;
	}
	// 判断说明是否为空
	var txtValue = document.getElementById("txtTest").value;
	if (txtValue.length < 10) {
		alert("说明长度不能少于十个字母！");
		return false;

	}

	return true;

}
//客户端验证服务器端验证未启动
function validate() {
	// 判断姓名
	var username = document.getElementById("username1");
	if (username.value.length == 0) {
		alert("用户名不能为空！");
		return false;
	}
	// 判断密码
	var password = document.getElementById("password1");
	var repassword = document.getElementById("repassword1");

	if (password.value.length < 6 || password.value.length > 10) {
		alert("密码长度不能少于六位超过10位！");
		return false;
	}
	if (repassword.value.length < 6 || repassword.value.length > 10) {
		alert("密码长度不能少于六位超过10位！");
		return false;
	}
	if (password.value != repassword.value) {
		alert("两次密码不相同！");
		return false;
	}
	
	return true;
}
</script>
</html>